<template>
  <div class="audition95">
    <h3>正确顺序：L - V - H - A (亲测有效)</h3>
    <p>L : link，链接的平常状态</p>
    <p>V : visited，链接被访问过的状态</p>
    <p>H : hover，鼠标悬浮在链接上的状态</p>
    <p>A : active，鼠标点击在链接上，没有松开鼠标的状态</p>
    <p>现场演示：</p>
    <a href="https://www.baidu.com" target="_blank">百度百科</a>
  </div>
</template>

<script>
export default {
  name: 'Audition95'
}
</script>

<style lang="less" scoped>
a:link {
  color: red;
}
a:visited {
  color: chartreuse;
}
a:hover {
  color: aqua;
}
a:active {
  color: blue;
}
</style>